<html> 
    <head> 
        <title></title> 
        <link rel="stylesheet" type="text/css" href="css/present.css" /> 
<script type="text/javascript">
$(function() {
   $(".hide").hide();
   $("pre.code").text($("div#div_1").html());
   sub = { index:0, steps: [], step: function() {sub.steps[sub.index++]();}};
   sub.next= function () { return sub.index >= sub.steps.length };
   sub.steps.push(function() { removeBullets("remove1");});
});
</script>
    </head> 
<body class="jsxgraph_body">
<ul class="step0">
  <li class="step0">Some basics of XML, study libraries</li>
  <li>Raphael (raphaeljs.com)</li>
  <li>jquery svg (http://keith-wood.name/svg.html)</li>
  <li>d3 (http://mbostock.github.com/d3/) <a href="http://mbostock.github.com/d3/talk/20111018/#17" target="new">example</a><a href="http://mbostock.github.com/d3/talk/20111018/#17" target="new">svg open</a></li>
  <li class="step0 smil">Erik Dahlström (<a href="http://xn--dahlstrm-t4a.net/svg">http://xn--dahlstrm-t4a.net/svg/</a>) <a target="new" href="smil.svg">smil example</a><li>
  <li>Primer by David Dailey<a href="http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html">http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html</a></li>
  <li>Google / Bing / Yahoo</li>
</ul>
</body> 
</html> 
